<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>兑换奖品</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
    </script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/prize.css">
</head>
<body>
<div id="wrap">
    <header>
        <div class="head">
            <a href=""><i class="iconfont" style="margin-right:0.14rem;">&#xe636;</i><span>兑换奖品</span></a>
        </div>
    </header>
    <div class="douyin">
        <input type="text" placeholder="请输入抖音号">
        <p>查询</p>
    </div>
    <div class="blank"></div>
    <div class="info">
        <p>姓名： 张三</p>
        <p>手机号： 12888754545</p>
        <p>兑换奖项： 8项</p>
    </div>
    <div class="blank"></div>
    <ul class="list">
        <li>
            <div class="photo">
                <img src="../imgs/photo1.jpg" alt="">
            </div>
            <div class="text">
                <p>甜橙固体饮料</p>
                <span>2018-10-20 12:00</span>
                <a href="" style="background: #ccc;">立即发奖</a>
            </div>
        </li>
        <li>
            <div class="photo">
                <img src="../imgs/photo1.jpg" alt="">
            </div>
            <div class="text">
                <p>左旋肉碱固体饮料</p>
                <span>2018-10-20 12:00</span>
                <a href="" style="background: #ccc;">立即发奖</a>
            </div>
        </li>
        <li>
            <div class="photo">
                <img src="../imgs/photo1.jpg" alt="">
            </div>
            <div class="text">
                <p>甜橙固体饮料</p>
                <span>2018-10-20 12:00</span>
                <a href="">立即发奖</a>
            </div>
        </li>
        <li>
            <div class="photo">
                <img src="../imgs/photo1.jpg" alt="">
            </div>
            <div class="text">
                <p>植物酵素固体饮料</p>
                <span>2018-10-20 12:00</span>
                <a href="">立即发奖</a>
            </div>
        </li>
        <li>
            <div class="photo">
                <img src="../imgs/photo1.jpg" alt="">
            </div>
            <div class="text">
                <p>植物酵素固体饮料</p>
                <span>2018-10-20 12:00</span>
                <a href="">立即发奖</a>
            </div>
        </li>
        <li>
            <div class="photo">
                <img src="../imgs/photo1.jpg" alt="">
            </div>
            <div class="text">
                <p>甜橙固体饮料</p>
                <span>2018-10-20 12:00</span>
                <a href="">立即发奖</a>
            </div>
        </li>
    </ul>
</div>
</body>
</html>